﻿
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>欢迎登录后台管理系统</title>
    <link rel="stylesheet" type="text/css" href="../../static/css/style_admain.css"/>
    <link href="../static/js/admain/3rd/validate/validationEngine.jquery.css" rel="stylesheet" type="text/css"/>
</head>
<body id="loginBody">
<div id="mainBody">
    <div id="cloud1" class="cloud"></div>
    <div id="cloud2" class="cloud"></div>
</div>
<div class="loginbody">
    <span class="systemlogo">Admin身份验证</span>
    <form name="loginForm" id="loginForm" action="{{ url_for('do_admain_login') }}" method="post">
        <div class="loginbox">
            <ul>
                <li>
                    <input name="phoneOrNumber" type="text" class="loginuser validate[required]" placeholder="身份号"/>
                </li>
                <li>
                    <input name="password" type="password" class="loginpwd validate[required]" placeholder="密码"/>
                </li>
                <li>
                    <input type="submit" class="loginbtn" value="登录"/>
                    <label class="findpwd"><a href="#">忘记密码？</a></label>
                </li>
            </ul>
        </div>
    </form>
</div>
<div class="loginbm">© 2005-2017 <a href="http://www.xuanner.com">Xuanner.com</a> 版权所有</div>
</body>
</html>
<script type="text/javascript" src="js/jquery/jquery.1.11.2.min.js"></script>
<script type="text/javascript" src="js/cloud.js"></script>
<!--表单验证插件-->
<script type="text/javascript" src="js/3rd/validate/jquery.validationEngine.js"></script>
<script type="text/javascript" src="js/3rd/validate/jquery.validationEngine-zh_CN.js"></script>
<script language="javascript">
    $(function () {
        //position
        $(window).resize(function () {
            $('.loginbox').css({'position': 'absolute', 'left': ($(window).width() - 420) / 2});
        })
        //
        $('input[type="text"],input[type="password"]').on('click', function () {
            $(this).val('');
        });
        //
        $("#loginForm").validationEngine({
            promptPosition: 'topLeft',
            autoHidePrompt: true,
            autoHideDelay: 3000,
            showOneMessage: true
        });
    });
</script>
